﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="renderer" content="webkit" />
    <meta name="x5-fullscreen" content="yes" />
    <meta name="full-screen" content="yes" />
    <title>广汽 HONDA - 冠领之道</title>
    <link href="../../../css/base/reset.css" rel="stylesheet" />
    <link href="../../../css/base/base.scss" rel="stylesheet" />
    <!--<link href="css/fonts/icomoon/style.css" rel="stylesheet" />-->
    <link href="../../../plugins/modal/modal.css" rel="stylesheet" />
    <!--<link href="../../../plugins/swiper3/swiper.min.css" rel="stylesheet" />-->
    <link href="../../../css/struct/custom.scss" rel="stylesheet" />
    <link href="../../../css/struct/layout.scss" rel="stylesheet" />
    <link href="../../../css/theme/honda/style.scss" rel="stylesheet" />
    <style>
        .use-time{
            color: #fff;
            margin-top: 10px;
            padding: 5px 30px;
            border-radius: 100px;
            display: inline-block;
            background-color: #333;
        }
        .section1, .section2, .section3{ position: absolute; left: 0; right: 0; margin: auto; }
        .section1{ top: 2%; }
        .section2{ top: 39%; }
        .section3{ bottom: 10%; }
        @media (orientation: landscape){
            .section1, .section2, .section3{ position: static; }
            .section1{ margin-bottom: 10px; }
            .section2{ margin-bottom: 50px; }
        }
    </style>
</head>
<body>
    <div class="background"></div>
    <div class="wrapper">
        <div class="container">
            <div class="text-center section1">
                <img width="80%" src="../../../images/honda/game-over.png" />
            </div>
            <div class="text-center section2">
                <div>您已成功挑战 <strong class="h2">14</strong> 关</div>
                <div>击败了全国 <strong class="h2">66%</strong> 的玩家</div>
                <div class="use-time">用时1分20秒</div>
            </div>
            <div class="text-center section3">
                <a href="javascript:;">
                    <img width="70%" class="margin-bottom-10" src="../../../images/honda/btn-restart.png" />
                </a>
                <a href="javascript:;" data-modal="#modalShareHelp">
                    <img width="70%" src="../../../images/honda/btn-share.png" />
                </a>
            </div>
        </div>
    </div>
    <div id="modalShareHelp" class="modal-wrapper">
        <div class="modal-container">
            <div class="modal-content text-center">
                <img width="100%" src="../../../images/honda/share-help.jpg" data-dismiss="modal" />
            </div>
        </div>
    </div>
    <script src="../../../js/jquery/jquery-1.11.2.js"></script>
    <script src="../../../js/react/react.min.js"></script>
    <script src="../../../js/react/react-dom.min.js"></script>
    <script src="../../../component/react/list.bak.jsx"></script>
    <script src="../../../js/fastclick/fastclick.js"></script>
    <script src="../../../plugins/modal/modal.js"></script>
    <!--<script src="../../../plugins/swiper3/swiper.jquery.min.js"></script>-->
    <script src="../../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {

        })
    </script>
</body>
</html>